<!DOCTYPE html>
<html lang="zh_CN">
	<!--begin::Head-->
	<head>
		{include file="public/meta"}
		<!--所有页面都必须依赖的css文件-->
		{:load_assets('base','css')}
		{:load_module_assets('auth','css')}
	</head>
	<!--end::Head-->
	<!--begin::Body-->
	<body id="kt_body" class="page-loading app-default">
		{include file="public/pageloading"}
		<!--begin::Root-->
		<div class="" id="kt_app_root">
			<div class="auth-one-bg-position auth-one-bg" id="auth-particles">
				<div class="bg-overlay"></div>
	
				<div class="shape">
					<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1440 120">
						<path d="M 0,36 C 144,53.6 432,123.2 720,124 C 1008,124.8 1296,56.8 1440,40L1440 140L0 140z"></path>
					</svg>
				</div>
			
			</div>
			<div class="d-flex flex-column flex-column-fluid pt-8" style="position:relative;z-index:2;">
				<div class="text-center mt-sm-20 mb-4 text-white-50 h-30px">
					<p class="mt-3 fs-5 fw-bolder" id="typed-words"></p>
				</div>
				<div class="d-flex flex-center flex-column flex-column-fluid p-5 mt-10">
					<div class="w-350px w-sm-425px bg-body rounded overflow-hidden shadow-sm">
						<div class="text-center mb-5 bg-primary py-5 bgi-size-cover bgi-position-center bgi-no-repeat" style="background-image:url('__ASSETS__/imgs/bg-header.png')">
							<!--begin::Title-->
							<i class="fas fa-user-circle fs-5x text-inverse-primary"></i>
							<!--end::Title-->
							<!--begin::Link-->
							<div class="text-inverse-primary fs-5 mt-2">后台管理登录</div>
							<!--end::Link-->
						</div>
						<div class="p-10 p-lg-15">
							<!--begin::Form-->
							<form class="form w-100" method="post" action="" id="login-form">
								
								<!--begin::Input group=-->
								<div class="fv-row mb-5 position-relative form-item">
									<!--begin::Email-->
									<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 start-0 ms-5"><i class="bi bi-person fs-2"></i></span>
									<input type="text" placeholder="账户" name="username" autocomplete="off" class="form-control bg-transparent ps-10" data-rule="账户:required;length(2~20)" />
									<!--end::Email-->
								</div>
								<!--end::Input group=-->
								<div class="fv-row mb-5 position-relative form-item" data-kt-password-meter="true">
									<!--begin::Password-->
									<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 start-0 ms-5"><i class="bi bi-lock fs-2"></i></span>
									<input type="password" placeholder="密码" name="password" autocomplete="off" class="form-control bg-transparent ps-10" data-rule="密码:required;length(5~20)"/>
									<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2"
										data-kt-password-meter-control="visibility">
										<i class="bi bi-eye-slash fs-2"></i>
										<i class="bi bi-eye fs-2 d-none"></i>
									</span>
									<!--end::Password-->
								</div>
								<!--end::Input group=-->
								<div class="fv-row mb-5 position-relative form-item">
									<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 start-0 ms-5"><i class="bi bi-shield-lock fs-2"></i></span>
									<div class="input-group">
										
										<input class="form-control bg-transparent ps-10" type="text" placeholder="验证码" name="captcha" id="captcha" value="" maxlength="10" autocomplete="off"  data-rule="验证码:required;length(4)">
										<img class="w-125px" src="{:url('login/captcha')}" id="captcha-img" onclick="this.src='{:url(\'login/captcha\')}?'+Math.random()" height="40" alt="验证码" title="点击更换验证码">
									</div>
								</div>
								<div class="fv-row mb-5">
									<div class="form-group d-flex flex-wrap justify-content-between align-items-center text-gray-500">
										<div class="form-check form-check-custom form-check-solid form-check-inline">
											<label class="form-check-label">
												<input class="form-check-input w-20px h-20px" type="checkbox" name="remember" value="1"> 记住登录状态
											</label>
										</div>
										<a href="javascript:void(0);" class="text-gray-500">忘记密码 ?</a>
									</div>
								</div>
								
								<!--begin::Submit button-->
								<div class="d-grid mb-10">
									<button type="submit" class="btn btn-primary">
										<!--begin::Indicator label-->
										<span class="indicator-label">登 录</span>
										<!--end::Indicator label-->
									</button>
								</div>
								<!--end::Submit button-->
							</form>
							<!--end::Form-->
						</div>
						
						
					</div>
				</div>

			</div>
			<footer class="footer">
				<div class="d-flex flex-center flex-column-auto p-5">
					<div class="d-flex align-items-center fs-6 text-gray-500">
						<a href="javascript:;" class="text-gray-500 text-hover-primary px-2">{:get_system_config('app_name')}</a>
					</div>
				</div>
			</footer>
		</div>
		<!--end::Root-->
		<!--begin::Javascript-->
		<!--begin::Global Javascript Bundle(mandatory for all pages)-->
		<!--begin::Global Javascript Bundle(mandatory for all pages)-->
		{:load_assets('base,nice-validator','js')}
		<script src="__ASSETS__/plugins/custom/particles/particles.js"></script>
		{:load_module_assets('index,particles.app')}
		<!--end::Global Javascript Bundle-->
		<!--end::Javascript-->
	</body>
	<!--end::Body-->
</html>